<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ taglib prefix="sitemesh" uri="http://www.opensymphony.com/sitemesh/decorator" %>
<html  style="overflow-x:hidden;overflow-y:hidden;">
<head>
	<title>${fns:getConfig('productName')} </title>
	<%@include file="/WEB-INF/views/include/dialog.jsp" %>
	<link rel="shortcut icon" href="${ctxStatic }/images/favicon.ico">
	<meta name="decorator" content="index"/>
	<style type="text/css">
		#header {margin:10px 20px 15px 0;} #header h1 {font-size:30px;color:#0663A2;}
		#header h1 small {color:#0088CC;} #header li {list-style:none;}
		#footer {margin:15px 0 0 0;padding:15px 0 0 0;font-size:95%;text-align:center;/* border-top:2px solid #0663A2; */}
		#footer a {color:#999;} .nav li {margin-top:8px;} 
		.nav li.title{margin-top:0;} 
		.nav li.menu,.nav li.dropdown {margin:10px 3px 0 3px}
		.nav li.menu a {padding:14px 15px;*padding:4px 5px 3px 5px;}
		.nav li.dropdown a {padding:8px 10px;*padding:1px 5px 3px 5px;margin-top:2px;}
		.nav li a {font-size:14px;padding:6px 8px;*padding:3px 8px;color:#fff} 
		.nav-info {float:left;padding:0 10px;}
		.nav-info-last {float:left;padding:0 20px 0 10px;border-right:0}
		.pull-right{margin-top:15px;}
	</style>
	<script type="text/javascript"> 
	$(document).ready(function() {
		$("#menu a").click(function(){
			$("#menu li").removeClass("current");
			$(this).parent().addClass("current");
		});
		
		initWindow();
	});
	
	function iFrameHeight() {   
	var ifm= document.getElementById("menuFrame");   
	var subWeb = document.frames ? document.frames["menuFrame"].document : ifm.contentDocument;   
	if(ifm != null && subWeb != null) {
	   ifm.height = subWeb.body.scrollHeight;
	   
	   /* ifm.width = subWeb.body.scrollWidth; */
	}   
	}   
	$(window).resize(function(){
		initWindow();
	});
	
	function initWindow(){
		var height=window.innerHeight-$(".row").height()-$(".footer").height();	
		$("#menuFrame").css("height",height);	
		$("#mainFrame").css("height",height-25); 
	}
	
	//自动调整 主窗口的高度
//	function updateSize(obj){
//		
//		var win=obj; 
//		if (document.getElementById) 
//		{ 
//			if (win && !window.opera) 
//			{ 
//				if (win.contentDocument && win.contentDocument.body.offsetHeight) 
//					win.height = win.contentDocument.body.offsetHeight; 
//				else if(win.Document && win.Document.body.scrollHeight) 
//					win.height = win.Document.body.scrollHeight; 
//			} 
//		} 
		
//	}
		function changeHeight(height){
			//$("#mainFrame").height(height);
		}
	</script>
</head>
<body >
<!--header-->
 <style>
 .welcome_line {
	height:1px;
	background:url(${ctxStatic}/images/welcome_bg.png) repeat left top;
	position:absolute;margin-left:-15px;
	left:0;
	right:0;width:100%;
}
.footbg{clear:both; text-align:center;padding:10px 0; background-color:#1e3547; color:#fff}
.footbg a{display:none}
 </style>   
    <div>
    	<div class="wrap">
        	<div class="navbar_ clearfix">
            	<div class="container" style="background-color:#1e3547">
                    <div class="row">
                       <div class="span3">
                        	<div class="logo"><a href="index.html"><img src="${ctxStatic}/images/new_logo.png" style="height:110px"/></a></div>                        
                        </div> 
                        <div class="span9">
                         <div class="follow_usa" style="width:190px">
                         <div style="display:inline-block; width:140px;color:#a2b8c7; font-size:14px;">
                          <shiro:user>
                           <span>
					  		 	<a href="${ctx}/sys/user/info" target="mainFrame" ><img src="${ctxStatic}/images/set.png" /></a>
					  		 </span>
					  	</shiro:user>
                           <span>你好,
                           <shiro:user>
                           <a style="color:#a2b8c7" href="${ctx}/sys/user/info" target="mainFrame" title="UID:${userId }"><shiro:principal property="name"/>
                           &nbsp;</a>
                           </shiro:user>
                           
                           <shiro:guest>请<a href="${ctx}/login">登录</a>!</shiro:guest>                           
                           </span>			
                            <shiro:user>					  		 
					  		 <p style="margin-top:6px;font-size:13px;">系统服务剩余${leftDays }天!</p>
				  	</shiro:user>  				
				  	<shiro:guest>
				  		<span >请<a href="${ctx}/login">登录</a>!</span>
				  	</shiro:guest>                             
                              
                         </div>
                                                  
                          <div style="display:inline-block; width:40px;vertical-align: bottom;">
	                          <shiro:user>
		                          <a href="${ctx}/logout">
		                          	<img src="${ctxStatic}/images/exit.png" width="30px" /><br>
		                        退&nbsp;出
		                          </a>
	                          </shiro:user>
                           </div>
                         </div> 
                         <div class="clear"></div>
                      
                            <nav id="main_menu" style="color:#fff; margin-left: -25px;">
                                <div class="menu_wrap">
                                    <ul class="nav sf-menu" id="menu">
                                       <c:set var="firstMenu" value="true"/><c:forEach items="${fns:getMenuList()}" var="menu" varStatus="idxStatus">
                                       <c:if test="${menu.parent.id eq 1&&menu.isShow eq 1}">
					         <li class="${firstMenu?' current':''}"><a  href="${ctx}/sys/menu/tree?parentId=${menu.id}" target="menuFrame" >${menu.name}</a></li>
				             <c:if test="${firstMenu}"><c:set var="firstMenuId" value="${menu.id}"/></c:if><c:set var="firstMenu" value="false"/></c:if></c:forEach>
				             <shiro:hasPermission name="cms:site:select"><li class="sub-menu">
				    <a data-toggle="dropdown" href="#">${fnc:getSite(fnc:getCurrentSiteId()).name}</a>
				    <ul>
				      <c:forEach items="${fnc:getSiteList()}" var="site"><li><a  href="${ctx}/cms/site/select?id=${site.id}&flag=1">${site.name}</a></li></c:forEach>
				    </ul>
				  </li></shiro:hasPermission>
                                    </ul>
                                </div>
                             </nav>                               
                        </div>
                    </div>                
                </div>
             </div>
        </div>    
    </div>
    <!--//header-->
    <!--  <div class="container welcome_block">
            	<div class="welcome_line welcome_t"></div>
            </div> -->
 <div class="wrap planning">
            <div class="container">
                <div class="row" style="margin-bottom: -4px;">       
                    <div class="span3" style="padding-left:1%; background-color:#1e3547;" > 
                        <iframe  id="menuFrame" name="menuFrame" 
scrolling="auto" src="${ctx}/sys/menu/tree?parentId=${firstMenuId}"  frameborder="no" width="100%" height="100%"  >
</iframe>
                    </div>
                    <div class="span9" style="padding-top:20px;margin-bottom:-5px;">
	<iframe id="mainFrame" name="mainFrame" src="${ctx}/sys/user/info" scrolling="auto" frameborder="no" width="100%"  height="100%" style="overflow:hidden;"  ></iframe>
                    </div>

                </div>
                
            	<div class="welcome_line welcome_t"></div> 
   
		</div>  
        </div>
        
        
        
       <div class="footer">
	       <div class="footbg">
	           Copyright &copy; 2012-${fns:getConfig('copyrightYear')} <a href="http://www.hdzhx.com" target="_blank">Jakemanse</a> - Powered By <a href="http://www.hdzhx.com" target="_blank">微引擎科技科技</a> ${fns:getConfig('version')}
			</div>
			
        </div> 

	<script type="text/javascript"> 
		var lw = "14.89%", rw = "83.97%"; // 左侧窗口展开大小
		var lwClose = "0%", rwClose = "98.58%"; // 左侧窗口折叠大小
		function wSize(){
			var minHeight = 1000, minWidth = 980;
			var strs=getWindowSize().toString().split(",");
			$("#openClose").height((strs[0]<minHeight?minHeight:strs[0])-$("#header").height()-$("#footer").height()-80);
			$("#openClose").height($("#openClose").height()-6);
			if(strs[1]<minWidth){
				$("#main").css("width",minWidth-10);
				$("html").css("overflow-x","auto");
			}else{
				$("#main").css("width","auto");
				$("html").css("overflow-x","hidden");
			}
			
			/**
			var aHigh = $("#mainFrame").attr("height");
			//High 
			if(strs[0]<minHeight){
				//$("#main").css("width",minWidth-10);
				$("html").css("overflow-y","hidden");
				//$("html").css("height","auto");
				$("#mainFrame").css("overflow-y","auto");
				
				var mHeight = window.document.body.offsetHeight;
				alert(mHeigh);
				$("#mainFrame").css("overflow-y","hidden");
				$("#mainFrame").height( mHeight );
				
				alert("1");
			}else{
				alert(strs[0]);
				//$("#main").css("width",strs[0]+"px");
				//$("html").css("overflow-y","hidden");
				//$("html").css("height",strs[0] +1200+"px");
				var mHeight = window.document.body.offsetHeight;
				alert(mHeight);
				$("#mainFrame").css("overflow-y","hidden");
				$("#mainFrame").height( mHeight );
			}
			
			***/
			
		}
	</script>
	 <script src="${ctxStatic}/common/wsize.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="${ctxStatic}/bootstrap/2.3.1/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="${ctxStatic}/bootstrap/2.3.1/js/jquery.mobile.customized.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/bootstrap/2.3.1/js/jquery.jcarousel.js"></script>
<script type="text/javascript" src="${ctxStatic}/bootstrap/2.3.1/js/jquery.tweet.js"></script>
<script type="text/javascript" src="${ctxStatic}/bootstrap/2.3.1/js/myscript.js"></script>
	<div style="display:none"><success >true</success></div>
</body>
</html>
